<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
  <th:block th:include="wx/include :: header('商品列表')" />
</head>
<body ontouchstart>
<!--顶部搜索-->
<header class='weui-header fixed-top'>
  <div class="weui-search-bar" id="searchBar">
    <form class="weui-search-bar__form">
      <div class="weui-search-bar__box">
        <i class="weui-icon-search"></i>
        <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索您想要的商品" required>
        <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
      </div>
      <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
        <i class="weui-icon-search"></i>
        <span>搜索您想要的商品</span>
      </label>
    </form>
    <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
  </div>
</header>
<!--主体-->
<div class="weui-content" style="padding-top:45px;">
  <div id="list" class='demos-content-padded proListWrap'>
    <div class="pro-items" th:each="goods : ${goodsList}">
      <a th:href="${'/wx/pro_info/' + goods.goodsId}" class="weui-media-box weui-media-box_appmsg">
        <div class="weui-media-box__hd"><img class="weui-media-box__thumb" th:src="${goods.mainImage}" alt=""></div>
        <div class="weui-media-box__bd">
          <h1 class="weui-media-box__desc" th:text="${goods.goodsName}"></h1>
          <div class="wy-pro-pri">¥<em class="num font-15" th:text="${goods.price}"></em></div>
        </div>
      </a>
    </div>
  </div>
</div>
<th:block th:include="wx/include :: footer" />
<script>
</script>
</body>
</html>
